<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
	<header>
    	<div class="row">
            <div class="aui-col-xs-4">
                <img height="20" onClick="window.location='search.html';" src="images/header-search.png">
            </div>
            <div class="aui-col-xs-4">
                <img height="20" src="images/logo.png">
            </div>
            <div class="aui-col-xs-4 aui-text-right right">
                <img class="menu" height="20" src="images/menu.png">
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="menu_list">
        	<div class="list">
                <div class="aui-text-center name"><a href="./">HOME</a></div>
                <div class="aui-text-center name"><a href="">SHOP</a></div>
                <div class="aui-text-center name"><a href="">ABOUT</a></div>
                <div class="aui-text-center name"><a href="news.html">NEWS</a></div>
                <div class="aui-text-center name"><a href="">SERVICE</a></div>
                <div class="aui-text-center img"><a href=""><img height="20" src="images/menu-logo.png"></a></div>
            </div>
        </div>
    </header>
    <div class="member_contents">
    	<div class="top">
        	<div class="user_pic"><img src="images/user.png"></div>
            <div class="user_name">kiriemoon</div>
        </div>
    </div>
    <div class="member_nav aui-text-center">
    	<div class="aui-col-xs-4 cur">
        	<div class="icon"><img height="22" src="images/member-icon01.png"></div>
            <div class="name">Information</div>
        </div>
        <div class="aui-col-xs-4" onclick="window.location='order.html';">
        	<div class="icon"><img height="22" src="images/member-icon02.png"></div>
            <div class="name">History order</div>
        </div>
        <div class="aui-col-xs-4" onclick="window.location='address.html';">
        	<div class="icon"><img height="22" src="images/member-icon03.png"></div>
            <div class="name">Address list</div>
        </div>
        <div class="aui-clearfix"></div>
    </div>
    <div class="member_list">
        <div class="row" onclick="window.location='member_info.html';">
            <span class="info">Modify information</span>
        </div>
        <div class="row" onclick="window.location='member_pwd.html';">
            <span class="pwd">Modify password</span>
        </div>
    </div>
    <footer>
    	<div class="search"><input type="text" placeholder="Get Newsletter (email address)"></div>
        <div class="row aui-text-center">
        	<a class="cur" href="">HOME</a>
            <a href="">ABOUT</a>
            <a href="">CONTACT</a>      
            <a href="">PRIVACY</a>    
            <a href="">POLICY</a>
        </div>
        <div class="share aui-text-center"><img height="20" src="images/share.png"></div>
        <div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </footer>
</body>
<script type="text/javascript">
	$('.menu').click(function(){
		var Height = $(document).height(); 
		$("body").on("touchmove",function(event){
			event.preventDefault;
		}, false);
		$('.menu_list').css('height',Height+'px').toggle();
	});
	$('.menu_list').click(function(){
		$("body").off("touchmove");
		$(this).hide();
	});
</script>
</html>